<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<style type="text/css">
			.nav {
				border: 1px solid #AACBEE;
				border-radius: 5px;
				margin:0px auto;
				width: 300px;
				height:360px;
			}
			
			.div1 {
				margin-top: -2px;
				margin-left: -20px;
			}
			
			h2 {
				margin-top: 15px;
				font-family: "微软雅黑", "黑体", "宋体";
				margin-left: 30px;
				font-size: 14px;
			}
			
			h2 span {
				margin-right: 8px;
				color: #D80000;
			}
			
			h2 img {
				vertical-align: middle;
				margin-left: 100px;
			}
			
			ul {
				list-style-type: none;
			}
			
			.login {
				position: relative;
				top: -40px;
				left: -32px;
			}
			
			.div1 ul li {
				margin-bottom: 5px;
			}
			
			nav {
				font-size: 13px;
				position: relative;
				top: -320px;
				left: 115px;
			}
			
			nav  li {
				margin-top: 4px;
				font-size: 12px;
				color: gray;
			}
			
			nav ul a {
				font-weight: 600;
				color: #B80000;
			}
			.li{
				margin-top: 10px;
			}
		</style>
	</head>

	<body>
		<div class="nav">
			<h2><span>SHOP</span>今日推荐 <img src="../../../未命名站点 2/more.gif" /></h2>
			<div class="div1">
				<ul>
					<li><img src="../../../未命名站点 2/img7.gif" /><img src="../../../未命名站点 2/shen.png" class="login" /></li>
					<li><img src="../../../未命名站点 2/img8.gif" /></li>
					<li><img src="../../../未命名站点 2/img9.gif" /></li>
					<li><img src="../../../未命名站点 2/imm7.gif" /></li>
				</ul>
			</div>
			<nav>
				<ul>
					<a href="#">汉来国际美食百货</a>
					<li class="li">口味：创意中餐</li>
					<li>区域：朝阳/CBD</li>
				</ul>
				<ul>
					<a href="#">汉来国际美食百货</a>
					<li class="li">口味：创意中餐</li>
					<li>区域：朝阳/CBD</li>
				</ul>
				<ul>
					<a href="#">汉来国际美食百货</a>
					<li class="li">口味：创意中餐</li>
					<li>区域：朝阳/CBD</li>
				</ul>
				<ul>
					<a href="#">汉来国际美食百货</a>
					<li class="li">口味：创意中餐</li>
					<li>区域：朝阳/CBD</li>
				</ul>
			</nav>
		</div>
	</body>

</html>
